.ui.form {
    .int-input[type=number] {
        width: auto;
        margin: 0 17px;
        padding: 3px;
        font-size: 13px;
        text-align: center;
        width: 70px;
    }
    label {
        font-size: 14px;
    }
    .grouped.fields .field.input-field {
        margin: 15px 0;
    }
}

.ui.label.condition {
    margin-right: 20px;
}

.item.tab-item{
    font-size: 15px !important;
    letter-spacing: 1px;
    color:#222 !important;
    &:hover{
        background-color: initial !important;
    }
    &.active{
        border-color:#222 !important;
        color:#111 !important;
    }
}

.ui.bottom.attached.tab.tab-pane{
    opacity: 0;

    
    &.active{
        display: block;
        opacity: 0;
        animation: show .3s ease-in;
        -webkit-animation: show .3s ease-in;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}

@-webkit-keyframes show{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes show{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

table.ui.table.small.stastic-table.celled {
    margin:0 20px;
    width:98%;
    border:1px solid #ccc;
    font-size:.8rem;
    tbody tr{
        &.one-body:first-child{
            td{
                border-top:  none !important;
            }
        }
        td{
            padding:15px 10px;
            border-left: 1px solid #d4d4d5;
            border-top:  1px solid #d4d4d5;
            &.first{
                border-left: none !important;
            }
            &.green{
                color:#5BBD72;
            }
            &.red{
                color:#D84B4B;
            }
        &:first-child{
            border-left: 1px solid #d4d4d5;
            border-top:  1px solid #d4d4d5;
            }
        }
    } 
    thead{
        th{
            padding: 15px 10px;
            background-color: #F9FAFB;
            // border-bottom: 0 solid rgba(0,0,0,0);
            font-weight: bold;
            &:first-child{
                border-left: 1px solid #d4d4d5;
            }
            &.first{
                border-left:none;
                border-bottom: none !important;
            }
        }
        tr:last-child{
            th{
                border-bottom: none !important;
            }
        }
    }
}